<template>
    <div class="container">
        <div class="card">
            <div class="card-top" :size="50">
               <el-avatar icon="el-icon-user-solid"></el-avatar><span>欢迎回家</span>
            </div>
        </div>
    </div>
    
</template>

<script lang="ts">
import { defineComponent} from 'vue';
export default defineComponent({
    name:'vipinfo',
    
})
</script>
<style lang='scss' scoped>
.container{
    
  margin-top:20px;
  padding-top: 20px; 
  padding-left: 20px;
}
.card{
  height: 300px;
  width: 300px;
  margin-bottom: 10px;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 20px;
  background-color: rgb(251,251,251);
}
.card-top{
    text-align: left;
    height:100px;
    line-height: 100px;
}
.el-avatar{
    size: number 100px;
}
.card-top span{
    margin-left: 10px;
    vertical-align: middle;
}
</style>